<template>
  <div>
      <WxData v-if="dataType === 'wx'" :accountTotalData="accountTotalData" :color="color" />
      <DyData v-else-if="dataType === 'dy'" :accountTotalData="accountTotalData" :color="color" />
      <WbData v-else-if="dataType === 'wb'" :accountTotalData="accountTotalData" :color="color" />
      <BiliData v-else-if="dataType === 'bili'" :accountTotalData="accountTotalData" :color="color" />
      <KsData v-else-if="dataType === 'ks'" :accountTotalData="accountTotalData" :color="color" />
  </div>
</template>

<script>
  import WxData from "./WxData";
  import DyData from "./DyData";
  import WbData from "./WbData";
  import BiliData from "./BiliData";
  import KsData from "./KsData";
  export default {
    name: "dataDisplay",
    components: {WxData, DyData, WbData, BiliData, KsData},
    props: ['dataType', 'accountTotalData', 'color'],
    data() {
      return {
        
      }
    },
    created() {
    },
    methods: {
    }
  }
</script>

<style scoped lang="less">

</style>